<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>培训教程</title>
    <link href="practise.css" rel="stylesheet" type="text/css" />
    <link href="video-js.css" rel="stylesheet" type="text/css">
    <script src="videojs-ie8.min.js"></script>
    <script src="video.js"></script>
    <script>
        videojs.options.flash.swf = "video-js.swf";
    </script>
    <script src="../../js/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="../../js/common.js" type="text/javascript"></script>
    <script src="../../js/Datalink.js" type="text/javascript"></script>
</head>
<body oncontextmenu="return false" onkeydown ="return false">
    <div style="margin:0 auto;height:auto;width:863px;background:#FFF;">
           <div style="width: 863px; height: 600px;margin-top: 1px;border-top:3px solid #DEEBF5" id="content">
            <div id="content_xs" style="width:100%;height:600px;">
                <div id = 'dt'>
                    <img src="back.jpg" alt="" style="height: 40px;width: 40px;float: right;cursor: pointer;" id="back"/>
                    <div style="font-size: 17px; color: red; border-bottom: 1px solid rgb(184, 212, 232); height: 20px; padding: 11px;">
                        <h3 style="margin-top: 4px;"><a id="ks_type"></a></h3>
                    </div>
                    <div style="min-height:440px; height: auto; font-size: 14px;" id="context">
                        <div id="myPlayer" style="float: left; margin-top: 3px; height: 480px; width: 640px;">
                            <video id="example_video_1" class="video-js vjs-default-skin"  width="640" height="480" >
                                <source id="vedio_src" src="12.mp4" type='video/mp4'/>
                            </video>
                            <img id="zzjz" src="zzjz.gif" alt="" style="position: relative;top: -317px;left: 239px;display: none">
                        </div>
                        <div style="width: 267px;height: 20px;position: relative;top: 409px;left: 122px;"></div>
                        <div style="float: left; margin-left: 10px; height: 424px; margin-top: -12px; width: 210px;">
                            <h3 style="text-align: center;margin: 3px;">内容概要</h3>
                            <div id="teacher" style="overflow:auto;height: 393px;word-wrap: break-word;border: 1px solid #DEDEDE;font-size: 16px;"></div>
                            <div style="clear:both"></div>
                        </div>
                    </div>
                    <div style="clear: both"></div>
                    <div style="height:2px;border-bottom:1px solid #B8D4E8">
                    </div>
                    <div style="height: 33px;margin: 0 auto;width: 477px;margin-top: 12px;" id="kspx_lb">
                         <span style="width: 80px;">
                            <input id="play" type="button" class="btn btn-primary btn-large" value="播放"/>
                        </span>
                        <span style="width: 80px;">
                            <input id="pause" type="button" class="btn btn-primary btn-large" value="暂停"/>
                        </span>
                        <span style="width: 80px;">
                            <input id="save" type="button" class="btn btn-primary btn-large" value="保存进度"/>
                        </span>
                         <span style="width: 80px;">
                            <input id="currentTime" type="button" class="btn btn-primary btn-large" value="前进至上一次"/>
                        </span>
                       <!--  <span style="width: 80px;" id="btn_last_show">
                            <input id="btn_last" type="button" class="btn btn-primary btn-large" value="上一课时"/>
                        </span>
                        <span style="width: 80px;" id="btn_next_show">
                            <input id="btn_next" type="button" class="btn btn-primary btn-large" value="下一课时"/>
                        </span> -->
                        <span style="width: 80px;" id="btn_next_list">
                            <input id="btn_next" type="button" class="btn btn-primary btn-large" value="返回列表"/>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>


<script src="kspx.js?id=20170519" type="text/javascript"></script>
</body>
</html>